<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="../layout/templateGeneral.xhtml">




	<ui:define name="contenido">
		<br />
		<div class="tituloSec">
			<h:outputText value="ORDENES DE TRABAJO  -  AREA DE #{userSessionBean.areaUsuario.descripcion}" />
		</div>
		<h:form id="formPedidos">
			<div class="subSec">
				<h:outputText value="B&uacute;squeda" />
			</div>
			<h:panelGrid columns="2" border="0" cellpadding="0" id="panelCampos"
				cellspacing="0" width="100%">
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Fecha:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<rich:calendar enableManualInput="true" datePattern="yyyy-MM-dd"
								value="#{listaOrdenesTrabajoBean.fechaPedido}" />
						</h:panelGroup>

					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="5">
						<h:panelGroup>
							<h:outputText value="Rango de fechas:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:outputText value="Desde" styleClass="textogeneral" />
						</h:panelGroup>
						<h:panelGroup>
							<rich:calendar enableManualInput="true" datePattern="yyyy-MM-dd"
								value="#{listaOrdenesTrabajoBean.fechaIni}" inputStyle="cajaSimple" />
						</h:panelGroup>
						<h:panelGroup>
							<h:outputText value="hasta:" styleClass="textogeneral" />
						</h:panelGroup>
						<h:panelGroup>
							<rich:calendar enableManualInput="true" datePattern="yyyy-MM-dd"
								value="#{listaOrdenesTrabajoBean.fechaFin}" />
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				
				
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Estado:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:selectOneMenu styleClass="combo">
								<f:selectItem itemLabel="EN PROCESO" />
								<f:selectItem itemLabel="TERMINADO" />
							</h:selectOneMenu>
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="C&oacute;digo de la Orden"
								styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:inputText size="30" styleClass="cajaSimple"
								style="width:168px;" maxlength="20" value="#{listaOrdenesTrabajoBean.codigoPedido}"/>
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup></h:panelGroup>
				<h:panelGroup>
				    <BR></BR>
				    <div align="right" style="width: 30%;">
				        <h:panelGroup>

								<a4j:commandButton styleClass="boton" value="CREAR ORDEN DE PRODUCCIÓN" onclick="javascript:location.href='paginaCrearOrdenTrabajo.jsf'"
									 style=" width : 192px; height : 53px;">
									 
								</a4j:commandButton>

							</h:panelGroup>
				    </div>
					<div align="right" style="width: 98%;">
						<h:panelGrid columns="2" border="0" width="1%" id="buscarCancelar">

							<h:panelGroup>

								<a4j:commandButton styleClass="boton" value="Buscar"
									id="buscar1" render="tablaResultados,paginadorResultados"
									action="#{listaOrdenesTrabajoBean.buscar}">
								</a4j:commandButton>

							</h:panelGroup>
							<h:panelGroup>

								<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
									render="panelCampos,tablaResultados,paginadorResultados" id="cancelar1"
									action="#{listaOrdenesTrabajoBean.limpiar}" />
							</h:panelGroup>

						</h:panelGrid>
					</div>
				</h:panelGroup>

			</h:panelGrid>


			<h:panelGrid style="width:100%" cellpadding="0" cellspacing="0">
				<h:panelGroup>
					<div class="subSec">
						<h:outputText value="Resultados" />
					</div>
				</h:panelGroup>
			</h:panelGrid>
			<h:panelGrid columns="2">
				<h:panelGroup>
					<div class="estadoDespachado">EN PROCESO</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoTramitado">TERMINADO</div>
				</h:panelGroup>
			</h:panelGrid>
			<rich:dataTable id="tablaResultados" cellspacing="1" cellpadding="1"
				border="0" styleClass="tablas" rowClasses="impar,par"
				style="width:99%" rows="5" value="#{listaOrdenesTrabajoBean.listaOrdenesTrabajo}"
				var="fila" iterationStatusVar="varkey">

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="NUMERO DE ORDEN" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['NUMERO_ORDEN']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="PRODUCTO" />
					</f:facet>
					<h:outputText value="#{fila['PRODUCTO']}" />
				</rich:column>

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="PROCESO" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['PROCESO']}" />
				</rich:column>

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="FECHA DE ENTREGA" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['FECHA_ENTREGA']}" />
				</rich:column>
				
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="AREA" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['AREA']}" />
				</rich:column>
				
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Acciones" escape="false" />
					</f:facet>
					<a4j:commandButton styleClass="botonSeleccionar" value="ver"
						onclick="#{rich:component('panelRegistrarProceso')}.show()"
						render="ctlFilter,tablaResultPedidos,scrollPedidos,mensajePedido,obsView">
						<rich:tooltip mode="client" layout="block">
							<h:outputText value="Ver Detalle" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{listaOrdenesTrabajoBean.filaSelected}" />
					</a4j:commandButton>

				</rich:column>

			</rich:dataTable>
			<br />

			<div align="center">
				<rich:dataScroller id="paginadorResultados" for="tablaResultados" />
			</div>

			<h:panelGrid columns="2">
				<h:panelGroup>
					<div class="estadoDespachado">EN PROCESO</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoTramitado">TERMINADO</div>
				</h:panelGroup>
			</h:panelGrid>

			<rich:popupPanel modal="true" id="panelRegistrarProceso"
				autosized="true">
				<f:facet name="header">
					<h:panelGroup>
						<h:outputText value="REGISTRO DEL PROCESO"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="../resources/img/close.png"
							styleClass="hidelink"
							onclick="#{rich:component('panelRegistrarProceso')}.hide()" />
					</h:panelGroup>
				</f:facet>
				<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
					<ui:include src="panelRegistrarProcesoInclude.xhtml" />
				</h:panelGrid>
			</rich:popupPanel>

		</h:form>

	</ui:define>
</ui:composition>
